@charset "utf-8";
/**
 * Created by kroyo on 2018/05/14.
 * applypage  入驻页面所有样式
 */



@import 'common/mixincommon';





//公司信息
.apply-companyinfor{
    .data-list .plabel{
        width: 150px;
    }
}




//品类
.apply-category{
    .content-main{
        padding-bottom: 110px !important;
    }
}



//approve
.apply-approve{
    
}
.item-finance{
    margin-top: 50px;
    margin-bottom: 30px;
    p{
        color: $s9;
        font-size: 14px;
        line-height: 54px;
    }
    .item{
        width: 100%;
        height: 40px;
        font-size: 0;
        margin-bottom: 20px;
    }
    .item-left{
        float: left;
        width: 160px;
        line-height: 40px;
        font-size: 14px;
        color: $s6;
    }
    input{
        float: right;
        width: 500px;
        height: 100%;
        color: $s3;
        font-size: 14px;
        border: 1px solid $borcolor;
        @include borradius(4px);
        @include inputplace($s9);
        background-color: transparent;
        padding: 0 10px;
    }
}




//案例列表
.apply-caselist{
    .tlabel{
        height: 54px;
        line-height: 54px;
        color: $s9;
        font-size: 14px;
    }
    .lineadd-wrapper{
        margin-top: 0;
    }
    .case-li{
        width: 100%;
        font-size: 0;
        background-color: #f5f5f5;
        padding: 20px;
        &>div{
            display: inline-block;
            font-size: 0;
            vertical-align: middle;
        }
    }
    .li-img{
        width: 100px;
        height: 80px;
        text-align: center;
        img{
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }
    }
    .li-text{
        width: auto;
        max-width: 400px;
        margin-left: 20px;
        span{
            color: $s3;
            font-size: 16px;
        }
        p{
            color: $s9;
            font-size: 14px;
            margin-top: 16px;
        }
    }
}



//page-add
.apply-caseadd{
    margin-top: 20px;
    .case-left{
        background-color: $sf;
        @include box-shadows(0,0,3px,0,rgba(0,0,0,0.1));
    }
    .case-right{
        button{
            @include borradius(20px);
            @include transitions(.4s);
        }
    }
    textarea{
        @include fontfamily();
    }
    .case-progress_save-send{
        &:hover{
            background-color: rgba(0,160,230,0.7);
        }
    }
    .case-progress_cancel{
        float: none;
        background-color: transparent;
        &:hover{
            color: $acolor;
            border-color: $acolor;
        }
    }
}



//page-success
.apply-success{
    .main-icon-success{
        width: 100px;
        height: 100px;
        line-height: 100px;
        color: $sf;
        font-size: 48px;
        @include borradius(50%);
        background-color: #35d62b;
        margin: 50px auto 0;
        overflow: hidden;
        text-align: center;
    }
    .main-tink{
        max-width: 605px;
        color: $s3;
        font-size: 16px;
        line-height: 24px;
        margin: 40px auto;
        text-align: center;
        i{
            color: $acolor;
        }
    }
    .btn{
        display: block;
        width: 160px;
        width: 160px;
        height: 40px;
        line-height: 38px;
        color: $acolor;
        border-radius: 20px;
        border: solid 1px #00a0e9;
        margin: 0 auto;
    }
}
